.maskContent{
  position: fixed;
  top:0;
  left: 0;
  background-color: #fff;
  width: 100%;
  .searchTop{
    padding:10rpx 30rpx;
    display: flex;
    .searchInput{
      input{
        background-color: #f0f0f0;
        padding: 10rpx 60rpx;
        font-size: 30rpx;
        border-radius: 10rpx;
        width: 480rpx;
      }
      icon{
        position: absolute;
        top:30rpx;
        left: 50rpx;
      }
    }
    .searchText{
      font-size: 30rpx;
      margin: 10rpx 0 0 30rpx;
    }
  }
  .tip{
    padding: 10rpx 30rpx;
    font-size: 26rpx;
    color:#999;
  }
  /*标题样式--通用*/
  .top_title{
    font-size: 38rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30rpx 0;
    .title_content{
      display: flex;
      align-items: center;
      .title_line{
        width:8rpx;
        height:40rpx;
        background-color:#0097ff;
        border-radius:2px;
      }
      text{
        margin: 0 10rpx 0 20rpx;
        font-weight: 600;
      }
      .title_point{
        width: 10rpx;
        height: 10rpx;
        background-color: #000;
        border-radius: 50%;
        display: inline-block;
      }
    }
    .more{
      font-size: 26rpx;
      color:#999;
    }
  }
  .select_type{
    padding: 0 30rpx;
    .mes_type{
      display: flex;
      flex-wrap: wrap;
      font-size: 30rpx;
      view{
        margin: 0 20rpx 20rpx 0;
        width:22.6%;
        padding:10rpx 0;
        text-align: center;
        background-color: #f7f7f7;
        border-radius: 6rpx;
      }
      view:nth-of-type(4n){
        margin-right: 0;
      }
      .actived{
        border:1px solid #0097ff;
        color:#0097ff;
      }
    }
  }
  button{
    width: 100%;
    position: fixed;
    bottom:0;
    left:0;
    background-color: #0097ff;
    border-radius: 0;
  }
}